<template>
	
	
	   	<view class="page">
		
		  	<image v-if="this.tupian!=''" class="tupian donghua" src="/static/img/kaichangdonghua.png" mode=""></image>
		  
	
		<text class="title donghua" v-if="this.biaoti!=''">孕育宝宝美好时光</text>
		
		<view class="tupianhezi ">
			<image v-if="this.tubiao!=''" class="xiaotubiao donghua" src="/static/img/xiaotubiao.png" mode=""></image>
		</view>
		<text class="xiaobiaoti donghua" v-if="this.tubiao!=''">康宝宝</text>
	  
	</view>
	

</template>

<script>
	export default {
		data() {
			return {
				tupain: "",
				biaoti: "",
				tubiao: "",
			}
		},
		onLoad() {
			setTimeout(() => {
				this.tupian="显示"
			}, 700)
			setTimeout(() => {
				this.biaoti="显示"
			}, 1300)
			setTimeout(() => {
				this.tubiao="显示"
			}, 2000)
			setTimeout(() => {
				uni.redirectTo({
					url:"/pages/login/login"
				})
			}, 3000)
			
		},
		methods: {

		}
	}
</script>

<style>
	.page{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	
.tupian{
	margin: auto;
	margin-top: 20%;
}
.title{
	margin: auto;
	margin-top: 20%;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 40%;
}
.tupianhezi{
	margin:auto;
	width: 18%;
	height: 70px;
}
.xiaotubiao{
	width: 100%;
	height: 100%;
	margin: auto;
}
.xiaobiaoti{
	
	margin: auto;
	font-size: 20px;
}
.donghua {

  opacity: 1;
  animation: show 4s;
}

@keyframes show {
  from {opacity: 0;}
  to {opacity: 1;}
}

</style>
